<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>业绩分配</title>
    <!--css-->
    <link href="/plugins/layui-v2.3.0/layui/css/layui.css" rel="stylesheet"/>
    <link href="/css/common/common.css" rel="stylesheet"/>
</head>
<body>

<div style="padding: 20px; background-color: #F2F2F2;">
    <!--搜索框-->
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-form">
                <div class="layui-form-item search-bar" style="margin-bottom: -5px">
                    <div class="layui-inline">
                        <label class="layui-form-label">搜索条件：</label>
                        <div class="layui-input-inline">
                            <input id="yearMonth" type="text" class="layui-input" placeholder="请选择日期">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <select id="belongerId" lay-search>

                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <button id="performance_search_btn" class="layui-btn">搜索</button>
                            <button id="reset_search_btn" class="layui-btn layui-btn-primary" type="reset">重置</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--按钮组-->
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-input-inline">
                <button id="distribution_performance_btn" class="layui-btn layui-btn-normal layui-btn-sm">
                    <i class="layui-icon">&#xe608;</i>
                    分配业绩
                </button>
            </div>
        </div>
    </div>
    <!--业绩分配列表-->
    <div class="layui-card">
        <div class="layui-card-body">
            <div>
                <table class="layui-table" id="performance_table" lay-filter="performanceFilter"></table>
            </div>
            <!--分页组件容器-->
            <div id="performance_page_content"></div>
        </div>
    </div>
    <!--toolbar-->
    <script type="text/html" id="performance_table_tool_bar">
        <button class="layui-btn layui-btn-warm layui-btn-xs" lay-event="updatePerformance"><i class="layui-icon layui-icon-edit"></i>编辑</button>
        <button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="deletePerformance"><i class="layui-icon layui-icon-delete"></i>删除</button>
    </script>
</div>

<!--新增业绩分类-->
<div id="add_performance_form_content" class="form-content" style="display: none;">
    <form class="layui-form" action="return false">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: #c60023;">*</span>责任月</label>
                <div class="layui-input-inline">
                    <input id="add_performanceDate" type="text" class="layui-input" style="width: 400px;">
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: #c60023;">*</span>责任人</label>
                <div class="layui-input-inline" style="width: 400px;">
                    <select id="add_belongerId"></select>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: #c60023;">*</span>责任业绩</label>
                <div class="layui-input-inline">
                    <input id="add_performanceAmount" type="number" class="layui-input" style="width: 400px;">
                </div>
            </div>
        </div>
    </form>
</div>

<!--编辑业绩分类-->
<div id="update_performance_form_content" class="form-content" style="display: none;">
    <form class="layui-form" action="return false">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: #c60023;">*</span>责任月</label>
                <div class="layui-input-inline">
                    <input id="update_performanceDate" type="text" class="layui-input" style="background-color: #eee; width: 400px;" readonly>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: #c60023;">*</span>责任人</label>
                <div class="layui-input-inline">
                    <input id="update_belongerId" type="text" class="layui-input" style="background-color: #eee; width: 400px;" readonly>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: #c60023;">*</span>责任业绩</label>
                <div class="layui-input-inline">
                    <input id="update_performanceAmount" type="number" class="layui-input" style="width: 400px;">
                </div>
            </div>
        </div>
    </form>
</div>

<!--js-->
<script src="/plugins/jquery/jquery-2.2.4.min.js"></script>
<script src="/plugins/layui/dist/lay/modules/layer.js"></script>
<script src="/plugins/layui-v2.3.0/layui/layui.js"></script>
<script src="/js/common/sinoUtil.js"></script>
<script src="/js/system/performanceDistribution.js"></script>
</body>
</html>